<template>
  <section class="notice">
    <div class="notice_time">{{ dayjs(row?.timestamp).format("HH:mm") }}</div>
    <div>{{ row?.content }}</div>
  </section>
</template>
<script >
import { defineComponent } from 'vue';
import dayjs from 'dayjs';
export default defineComponent({
  props: {
    row: {
      type: Object,
      default: () => ({})
    }
  },
  setup () {
    return {
      dayjs
    }
  }
})
</script>

<style scoped lang="less">
.notice {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-size: 14px;
  padding: 0 25px;
  flex-direction: column;
  margin: 10px auto;

  .notice_time {
    line-height: 25px;
  }
}
</style>
